<!-- header -->
<header class="header flex flex-between center">
    <h1 class="logo"><%=site.name%></h1>
    <div class="search pos-r">
        <input class="search-inner" placeholder="请输入搜索关键词" v-model="keywords" type="text">
        <span class="ico-search" @click="search"></span>
    </div>
</header>

<!-- 导航 -->
<div class="nav-wrap">
    <nav class="center">
        <ul class="nav flex">
            <li><a href="/" title="首页">首页</a></li>
            <%for(let i=0,item;i<nav.length;i++){%>
            <%item=nav[i];%>
            <%if(item.status==0){%>
            <li>

                <%if(item.type==1){%>
                <a href="/page/<%=item.id%>" title="<%=item.name%>"><%=item.name%></a>
                <%}else{%>
                <a href="/list/<%=item.id%>?page=1" title="<%=item.name%>"><%=item.name%></a>
                <%}%>
                

                <%if(item.children){%>
                <ul>
                    <%for(let j=0,sub;j<item.children.length;j++){%>
                    <%sub=item.children[j];%>
                    <%if(sub.status==0){%>
                    <li>
                        <%if(sub.type==1){%>
                        <a href="/page/<%=sub.id%>" title="<%=sub.name%>"><%=sub.name%></a>
                        <%}else{%>
                        <a href="/list/<%=sub.id%>?page=1" title="<%=sub.name%>"><%=sub.name%></a>
                        <%}%>
                    </li>
                    <%}%>
                        <%}%>
                </ul>
                <%}%>
                    </li>
                    <%}%>
            <%}%>
                    <li><a href="/search?keywords=世界大健康运动会护照" title="护照">护照</a></li>
                </ul>
    </nav>
</div>